<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>聚美优品美容产品热点</title>
		<style>
			﻿*{
    			margin: 0px;
    			padding: 0px;
			}
			body{
    			background-color: #eee7e1;
			}
			.box{
    			width: 270px;
    			height: 500px;
    			margin: 10px auto;
    			background-color: white;
			}
			.box li{
    			list-style: none;
    			border-bottom: 1px #cccccc dashed;
			}
			.box h3{
    			background-color: #e9185a;
    			width: 270px;
    			height: 36px;
    			line-height: 36px;
    			color: white;
    			font-size: 16px;
    			text-indent: 1em;
			}
			ul{
    			font-size: 14px;
    			line-height: 33px;
			}
			span{
    			background-color: #333;
    			padding: 4px;
    			border-radius: 8px 8px 8px 8px;
    			color: white;
			}
			.box li a:link {
    			color: black;
    			text-decoration: none;
			}
			.box li a:hover {
    			color: #e9185a;
    			text-decoration: underline;
			}
			.box li a:hover span {
    			background: #e9185a;
			}
		</style>
	</head>
	<body>
		<div class="box">
			<h3>大家都喜欢买的美容品</h3>
			<ul>
				 <li><span>1</span><a href="#"> 雅诗兰黛即时修护眼部精华霜15ml</a></li>
				 <li><span>2</span><a href="#"> 伊丽莎白雅顿显效复合活肤霜 75ml</a></li>
				 <li><span>3</span><a href="#"> OLAY玉兰油多效修护霜 50g</a></li>
				 <li><span>4</span><a href="#"> 巨型一号丝瓜水320ML</a></li>
				 <li><span>5</span><a href="#"> 倩碧保湿洁肤水2号 200m</a></li>
				 <li><span>6</span><a href="#"> 比度克细肤淡印霜 30g</a></li>
				 <li><span>7</span><a href="#"> 兰芝 (LANEIGE)夜间修护锁水面膜 80ml</a></li>
				 <li><span>8</span><a href="#"> SK-II护肤精华露 215ml</a></li>
				 <li><span>9</span><a href="#"> 欧莱雅青春密码活颜精华肌底液</a></li>
			</ul>
		</div>
	</body>
</html>
